<template>
  <div class="about">
    <h1>This is an about page</h1>
    <button @click="handleClick">{{ count }} - {{ doubleCount }}</button>
    <div>{{obj.a}}</div>
    <Test name="哈哈哈哈啊哈"/>
  </div>
</template>

<script>
import { useAbout } from './useAbout'
import Test from './Test'
export default {
  components: {
    Test
  },
  props: {},
  setup () { // 必写返回值
    const { count, obj, handleClick, doubleCount } = useAbout()
    return {
      count,
      obj,
      handleClick,
      doubleCount
    }
  }
}
</script>